<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>09-ajax-jQuery</title>
<!-- 		<script src="js/jquery-1.12.4.min.js"></script> -->
		<script src="myAjax2.js"></script>
		 <script type="text/javascript">
			window.onload = function(ev)
			{
				var oBtn = document.querySelector("button");
				oBtn.onclick = function(ev1)
				{
					//jQUery的ajax方法
					
					// $.ajax(
					// {
					// 	type:"GET",
					// 	url:"09-ajax-jQuery.php",
					// 	data:"userName=yyf&userPwd=654321",
					// 	success:function(msg)
					// 	{
					// 		alert(msg);
					// 	},
					// 	errof:function(xhr)
					// 	{
					// 		alert(xhr.status);
					// 	}
					// });
					
					//自己封装的ajax方法
				ajax({
					type:"post",
					url:"09-ajax-jQuery.php",
					data:{
						"userName":"yyf",
						"userPwd":"123456"
						},
					timeout:3000,
					success:function(xhr){
						alert(xhr.responseText);
					},
					errpr:function(xhr){
						alert("请求失败");
					}
					
				});
				
				};
				
			};
		 </script>
		 
	</head>
	<body>
	<button>发送请求</button>
	</body>
</html>
